<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body{
            /*默认会让图片重复并列铺满屏幕，如果不是有规律的
            图片，那就很难看
            */
            background-image: url("/static/images/examle/bg.gif");
        }
        div{
            width: 200px;
            height:200px;
            background-color: rgba(0,0,0,0.2);
            /*
                同时设置图片和背景颜色就会盖过颜色*/
            background-image: url("/static/images/examle/bg1.png");

            background-repeat:no-repeat;

            /*background-repeat:repeat-y*/

        }
    </style>
</head>
<body>
<div></div>
</body>
</html>